<template>
  <div class="tab-pane">
    <h3>{{ tabLabel }}</h3>
    <p>Content for {{ tabLabel }}</p>
    <button @click="emitCreateEvent">Simulate 'create' event</button>
  </div>
</template>

<script>
export default {
  name: 'TabPane',
  props: {
    type: String // 这里可以根据需要添加更多的 props
  },
  data() {
    return {
      tabLabel: '' // 这个数据可以根据需要初始化
    }
  },
  created() {
    // 在组件创建时，可以根据传入的 type 属性初始化 tabLabel
    this.tabLabel = this.type // 这里假设使用 type 作为标签名称
  },
  methods: {
    emitCreateEvent() {
      // 触发一个 'create' 事件，通知父组件（Tab.vue）
      this.$emit('create')
    }
  }
}
</script>

  <style scoped>
  .tab-pane {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f0f0f0;
    margin-top: 10px;
  }
  </style>
